<!--
 * @Author: WangGuojian 1085844536@qq.com
 * @Date: 2023-08-23 18:52:46
 * @LastEditTime: 2023-08-23 19:04:09
 * @LastEditors: WangGuojian 1085844536@qq.com
 * @FilePath: \html\code\1_HTML\path_test\相对路径_绝对路径.html
 * @Description:
-->
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <title>相对路径_绝对路径</title>
    </head>
    <body>
        <!-- 相对路径 -->
        <!--
            <img src="./怪兽.jpg" alt="怪兽" />
            <img src="./a/喜羊羊.jpg" alt="喜羊羊" />
            <img src="./a/b/灰太狼.jpg" alt="灰太狼" />
            <img src="../奥特曼.jpg" alt="奥特曼" />
        -->

        <!-- 绝对路径，分为两类：本地绝对路径、网络绝对路径 -->

        <!-- 本地绝对路径 -->
        <img src="E:/demo1/demo2/小姐姐.jpg" alt="" />

        <!-- 网络绝对路径 -->
        <img
            src="https://img0.baidu.com/it/u=3021883569,1259262591&fm=253&fmt=auto&app=120&f=JPEG?w=1140&h=641"
            alt="灰太狼"
        />
    </body>
</html>
